import React, { Component } from 'react';

import "../../styles/allgoods/MyList.css"

import img from "../../assets/img/01.webp"
class MyList extends Component {
    constructor(props) {
        super(props);
        this.state = {
            goodsList: [
                { img, text: "COMSE DECORTE 黛珂植物欣韵沁莹化妆水", oldprice: 270, price: 215 },
                { img, text: "COMSE DECORTE 黛珂植物欣韵沁莹化妆水", oldprice: 270, price: 215 },
                { img, text: "COMSE DECORTE 黛珂植物欣韵沁莹化妆水", oldprice: 270, price: 215 },
                { img, text: "COMSE DECORTE 黛珂植物欣韵沁莹化妆水", oldprice: 270, price: 215 }],
        }
    }


    render() {
        return (
            <div>
                <div className='list'>
                    {
                        this.state.goodsList.map((item, index) => {
                            return (<div className='goodslist' key={index}>
                                <img src={item.img} alt="" />
                                <p>{item.text}</p>
                                <p className='Yuanprice'>原价¥{item.oldprice}</p>
                                <p className='HuoDongprice'>活动价¥<span>{item.price}</span></p>
                            </div>)
                        })
                    }
                </div>
                <div className='down'></div>
            </div>

        );
    }
}

export default MyList;